@charset "utf-8";
/* CSS Document */

/* 全局样式 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0px; padding:0px;}
body{ background:#fff; font:12px/1.5 "Microsoft Yahei"}
a { text-decoration: none; color: black; }
a:visited {/*color:black*/ }
a:hover, a:active { text-decoration: none; outline: 0; }
ul, ol, li { list-style: none;} 
i{ font-style:normal;}
img,fieldset{border:0; padding:0px; margin:0px; diaplay:block}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;margin: 0px;padding: 0px;border: 0px none}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Verdana,arial; vertical-align:middle;outline: none;}
.fl{ float: left;}
.fr{ float: right;}
.w980{ width:980px; margin:0 auto}
.w680{ width:680px;}
.clearfix {*zoom:1}
.clearfix:before, .clearfix:after {display: table;line-height: 0;content: ""}
.clearfix:after {clear: both}
/*top*/
.header{ border-bottom:3px solid #b1120d;}
.column  {height: 31px;width: 100%;background-image: url(../images/main_top_bg.jpg);background-repeat: repeat-x;overflow: hidden;margin: 0 auto;font-size:12px;}
.column  ul {list-style-type: none;margin: 0 auto;width: 980px;text-align: center;overflow: hidden;}
.column  li { margin: 0 7px; float: left; overflow: hidden; display: inline; height: 31px; }
.column  li.liright{ margin: 0 2px; float: left; overflow: hidden; display: inline; height: 31px; }
.column  li.first { margin-left: 0; }
.column  li.last { margin-right: 0; }
.column  li.vline { background-image: url(../images/top_vline.jpg); background-repeat: no-repeat; width: 4px; overflow: hidden; display: block; float: left; }
.column  a { font-family: 宋体, arial, Verdana, Helvetica, Sans-Serifs; display: block; float: left; line-height: 31px; overflow: hidden; }
.column  a:link { color: #000000; text-decoration: none; }
.column  a:visited { color: #000000; text-decoration: none; }
.column  a:hover { color: #FF0000; text-decoration: none; }
/*
.column  li.dd { margin: 0 0; background-image: url(..images/top_dd.jpg); background-repeat: no-repeat; height: 31px; width: 10px; overflow: hidden; display: block; float: left; }
*/
.top{ width:980px; margin:0 auto; height:96px; }
.top .logo{ margin:30px 0 15px 0}
.top .nav{ margin: 51px 0 0 45px; font-size:16px;}
.top .nav li{ float:left; margin-right:10px;position: relative; padding:0 10px; width:68px; text-align:center;font-size:16px; z-index:100}
.top .nav li:hover{border-bottom:2px solid #ad0c07; }
.top .nav li a:hover{color:#ad0c07;}
.top .nav li a{ color:#333; line-height:42px;}
.top .nav li ul{position: absolute; z-index:99}
.top .nav li ul.nav2{left: 0px;top: 44px;display: none;}
.top .nav li ul .li2{ margin-right:0px; border-bottom:1px solid #e1e1e1; font-size:14px; width:68px; text-align:center; background: #fefefe; background-color:#fefefe; position:static; /*filter:Alpha(opacity=50);opacitys:0.5; IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */*zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */}
.top .nav li ul .li2 a{color: #666;position: relative;}
.top .nav li:hover ul.nav2{display: block;background: #c1c1c1; }
.top .nav li:hover ul.nav2 li:hover{border-bottom:1px solid #ad0c07;}

.top .nav li:hover ul.nav2 a:hover{border:0px; }
.top .navclw{ margin-right:0px !important;}
/*面包屑导航*/

.crumb { height: 40px;line-height: 40px;text-align: center;width: 100%; font:"宋体" 12px}
.crumb .c-center { width: 980px;height: 40px;line-height: 40px; margin: 0 auto;font-size: 14px;color: #666666;text-align: left;}
.crumb .c-center span{ margin:0px 5px; font-family:"宋体"}
.crumb .c-a {margin-right: 3px;}
.crumb .c-a:hover {color: #ef5853;}


/*bottom*/
#foot{width:100%;font-family:"宋体"; border-top:#c00 solid 2px;margin-top: 20px;}
.ind_tel{ font-family:"微软雅黑"; margin-top:45px; line-height:34px; margin-right:20px;}
.ind_tel img{ margin-right:10px;}
.ind_tel .teltxt .tit{ font-size:14px;}
.ind_tel .teltxt .tex{ font-size:12px; color:#666}
.ind_tel .telnub{ font-size:36px; color:#ff6666;}
.pro_list{ margin-top:20px;}
.pro_list ul{ margin-left:70px; float:left}
.pro_list .tit{ font-size:14px; font-weight:bold; line-height:24px; color:#333; }
.pro_list ul li{ line-height:24px; text-align:center}
.pro_list ul li a{ color:#333}
.pro_list ul li a:hover{ text-decoration:underline; color:#ef5853}

#foot{width:100%;font-family:"宋体"; border-top:#c00 solid 2px;margin-top: 10px;}
#footer {background-image: url(../images/bottom_bg.gif); margin: 8px auto 0px; width: 980px; background-repeat: repeat-x; height: 30px; overflow: hidden}
#footer ul {list-style-type: none; margin: 0px auto; width: 594px; overflow: hidden}
#footer ul li {line-height: 30px; margin: 0px 4px; display: inline; font-family: 宋体, arial, Verdana, Helvetica, Sans-Serif; float: left; color: #ffffff; font-size: 12px}
#footer a:link {color: #ffffff; text-decoration: none}
#footer a:visited {color: #ffffff; text-decoration: none}
#footer a:hover {color: #ff0000; text-decoration: none}
#phonetips {text-align: center; line-height: 20px; margin: 12px auto 0px; overflow: hidden}
#phonetips span {margin: 0px 8px; font-family: arial, Verdana, Helvetica, Sans-Serif, 宋体; color: #333333; font-size: 12px; overflow: hidden}
#co {margin: 6px auto 0px; width: 330px; overflow: hidden}
#co .wangan { margin-top: 14px; float: left; margin-right: 10px;width: 40px;height: 54px;}
#co .wangan a {width: 40px;height: 54px;background:url(../images/wangan.gif) no-repeat;text-indent: -9000px; display:block}
#co .gdsz a {height: 80px;width: 60px;background: url(../images/2e2154ed-ce40-48b0-9086-e7e17a272e21.gif) no-repeat;text-indent: -9000px; display:block}
#co .gdsz {float: left;width: 60px; height: 80px}
#co .copyright {text-align: center; line-height: 18px; margin-top: 14px; font-family: arial, Verdana, Helvetica, Sans-Serif, 宋体; float: right; color: #333333; font-size: 12px}

/*首页二级菜单*/
.wd240{ width: 240px;}
.wd252{width: 232px;}
.pb10{ padding-bottom: 10px;}
.pb20{ padding-bottom: 20px;}
.pr20{ padding-right:20px;}
.subnav{ height:408px; position: absolute; background:#f6f5f6;top:-438px;*zoom:1; z-index:1000}
.subnav_tit{ height:50px; width:260px; background:#d6332e; color:#fff; line-height:50px; padding-left:20px; font-size:18px;}
/*.all-goods{ position: absolute;top: 50px;left: 0;width:280px;height:350px;background: #FAFAFA;;overflow: visible;}
.all-goods .item{width:280px;height: 70px;border-top: 1px solid #FFF;background: #f7f7f7;}
.all-goods .btnone{ border-top:none;}
.all-goods .item .product{ position: absolute;z-index: 999; width: 280px;}
.all-goods .item .product div{padding: 12px 0 10px 50px;border-bottom: 1px solid #e4e3e4;line-height: 24px;background: url(../images/subnav.png) no-repeat; }
.all-goods .item .product div.li01{ background-position:-4px 20px}
.all-goods .item .product div.li02{background-position:-4px -38px}
.all-goods .item .product div.li03{background-position:-4px -90px}
.all-goods .item .product div.li04{background-position:-4px -145px}
.all-goods .item .product div.li05{background-position:-4px -200px}
.all-goods .item .product h2{ color: #333; font-size:14px;}
.all-goods .item .product h2 a:hover{ text-decoration:none;}
.all-goods .item .product div span a{ color:#666}
.all-goods .item .product s{display: block;position: absolute;top: 30px;left: 257px;width: 6px;height: 9px; background: url(../images/indexSprite.png) no-repeat 0px 0px;}
.all-goods .active .product div{background-color:#fff;border:1px solid #ffcdcb; border-width:1px 0;width:230px; height:47px}
.all-goods .active .product div a{ color: #ff6600;}
.all-goods .product-wrap{ position: absolute; width: 478px; z-index: 99; border:1px solid #ffcdcb; background: #fff;padding: 20px; display: none; border-left:none;}
.all-goods .product-wrap p{ color:#999999;}
.all-goods .posone{left: 280px; top: 0px;}
.all-goods .postwo{left: 280px; top: 71px;}
.all-goods .posthree{left: 280px; top: 142px;}
.all-goods .posfour{left: 280px; top: 213px;}
.all-goods .posfive{left: 280px; top: 214px;}
.all-goods .possix{left: 280px; top: 214px;}
.all-goods .posseven{left: 280px; bottom: -2px;}
.all-goods .poseight{left: 280px; bottom: -2px;}
.all-goods .posnine{left: 280px; bottom: -2px;}
.all-goods .posten{left: 280px; bottom: -2px;}
.all-goods .poseleven{left: 280px; bottom: -2px;}
.all-goods .product-wrap h2{ font-size: 16px;color: #333;font-weight: bold;}
.all-goods .product-wrap h2 a{height: auto;line-height: 16px;color: #333;padding-left: 0;}
.all-goods .product-wrap ul{ border-top: 2px solid #c1c1c1;float:left;width:232px; margin-top:2px; overflow:hidden }
.all-goods .product-wrap ul li{ float: left; display: inline; margin-right: 15px; margin-top: 15px; white-space:nowrap;}
.all-goods .product-wrap ul li a{ padding-left: 20px; background: url(../images/qlist/sj.gif) no-repeat left 10px;line-height: 18px; text-decoration: none;display:block; color:#666}
.all-goods .product-wrap ul li a:hover{color:#d6332e;}
.all-goods .product-wrap ul li strong{ font-weight: normal; font-size:14px; display:block; }
.all-goods .product-wrap ul li span{ display:block;font-size:12px; color:#999}
.all-goods .product-wrap div dd,.all-goods .product-wrap div dl a{ display:block; width:185px; height:120px; overflow:hidden;}
.all-goods .product-wrap dl dt{ line-height:36px;}
*/
/*首页banner*/
.banner{width:100%;height:410px;position:relative; margin:0 auto;z-index:98}
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{ width:36px; height:36px; background-image:url(../images/banner_new.png); display:block; position:absolute;  text-indent:-10em; overflow:hidden;}
.rslides li{ width:100%; height:410px;}
.rslides li a{ width:100%; height:410px; display:block}
.prev{ background-position:0 0;left:40px; top:180px;}
.prev:hover{ background-position:0 -36px;}
.next{ background-position:-36px 0;right:40px; top:180px;}
.next:hover{ background-position:-36px -36px;}
.rslides_tabs{ position:absolute; right:450px; top:370px;clear:both;text-align:center; z-index:99999;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{ width:12px; height:12px; background:#fff;text-indent:-5em; overflow:hidden; display:block; float:left; margin-left:6px;border-radius:6px;}
.rslides_tabs .rslides_here a{ background:#D968C0;}
/*首页保险专题*/
.main{ margin-top:30px; position:relative; z-index:101}
.special{ }
.specialtit{ position:relative; height:44px}
.specialtit h3{background:#ef5853;font: 20px/24px "Microsoft Yahei";padding: 10px 30px 10px 25px;color: #fff;border-radius:5px 5px 5px 0;}
.specialtit h3 a{color:#FFF;}
.specialtit em{position: absolute;bottom: -6px;left: -0px;display: block;border-color: #6b0300 transparent transparent;border-style: solid dashed none;border-width: 6px 0 0 8px;display: inline-block;height: 0;overflow: hidden;vertical-align: middle;width: 0;}
.specialtit p {float: left;font: 14px/20px "Microsoft Yahei";padding: 20px 20px 0px 20px;color: #999;}
.special ul{ margin-top:16px;}
.special ul li{ width:243px; border:1px solid #e1e1e1; float:left; padding-bottom:10px;}
.special .borl{ border-left:none;}
.special ul li img{ display:block; padding:2px;}
.special ul li strong{ display:block; width:100%; text-align:center; font:18px/30px "Microsoft Yahei"; color:#248cc9; font-weight:bold;}
.special ul li span{width:100%; display:block ; text-align:center;font: 14px/24px "Microsoft Yahei"; color:#666}
.special ul li a:hover{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; color:#ef5853; display:block}
.special ul li a:hover strong{color:#ef5853; display:block}
/*首页保险产品*/
.hotpro,.looker,.test{margin-top:30px;}
.hotpro .specialtit h3{background:#35b2e0}
.hotpro .specialtit em{display: block;border-color: #005d86 transparent transparent;border-style: solid dashed none;border-width: 6px 0 0 8px;}
.hotpro ul{ margin-top:16px;}
.hotpro ul li{ float:left;}
.hotpro li.ulike-li a{position:relative; display:block;overflow: hidden;*zoom:1;height:254px}
.hotpro li.ulike-li a p{position:absolute;background:#666;padding:10px
0;width:100%;color:#fff;text-align:center;opacity:1;font-size:14px;display:block;bottom:-50px}
.hotpro li.ulike-li a:hover p{ display:block;bottom:0px;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8}
/*大家都在看*/
.looker .specialtit h3{ background:#09a692; }
.looker .specialtit em{border-color: #005d86 transparent transparent;border-style: solid dashed none;border-width: 6px 0 0 8px;}
.box-serve {width:685px; height:300px; font-family:"Microsoft Yahei"; border:1px solid #e1e1e1; margin-top:10px;}
.content {margin-bottom: 15px;padding-bottom: 8px;border-bottom: 2px #f3f3f3 solid}
.serve-bd{ font-size:12px;}
.serve-tabs {float: left;margin:12px 12px 0px 12px}
.serve-tabs li {display:block;font-size:14px; color:#666; border-radius:10px; float:left; margin-right:8px; }
.serve-tabs li a {display:block;  font-size:16px; color:#666; border-radius:10px; float:left; margin-right:8px; padding:5px 15px;}
.serve-tabs li a:hover {color: #fff; text-decoration:none}
.serve-tabs li.current {background:#E64E3F; color:#fff;*zoom:1;position: relative}
.serve-tabs li.current a {color: #fff}
.serve_bd{}
.serve-bxwd{ margin-left:18px;}
.serve-bxzs {margin-right: -40px}
.bxzs-item {width: 310px;float: left;margin-right: 18px}
.bxzs-hd {margin-bottom: 5px}
.bxzs-bd {margin-bottom: 10px;*margin-bottom:-10px}
.bxzs-bd li {height: 30px;line-height: 30px;border-bottom: 1px #cacaca dotted}
.looker .li-last {border: none}
.bxzs-bd li a {float: left;color: #555}
.bxzs-bd li span {float: right;color: #999}
.serve-bxal {margin-bottom: 10px}
.bxal-hot strong {float: left;line-height: 26px;font-size: 14px}
.bxal-hot-ul {float: left}
.bxal-hot-ul li {float: left;margin-right: 5px}
.bxal-hot-ul li a {display: inline-block;height: 26px;line-height: 26px;padding: 0 10px;background: #eaeaea;color:#666}
.bxal-hot-ul li.hot a {background: #35b2e0;color: #fff;transition: background-color 0.2s linear;transition: color 0.2s linear}
.bxal-hot-ul li a:hover {background: #ef5853;color: #FFF}
.bxal-list {padding: 10px 0;margin-right: -80px;margin-bottom: 12px;*margin-bottom:5px}
.bxal-list-ul {float: left;width: 310px;margin-right: 18px}
.bxal-list-ul li {height: 30px;line-height: 30px;overflow: hidden; border-bottom:1px #cacaca dotted;max-height:28px;}
.bxal-list-ul li a {float: left;color: #555}
.bxal-hot,.serve-bxzt{margin:0px 0px 0px 18px}
.serve-bxzts.bxwd-bd{margin-top:0px}
.bxwd-item {width: 315px;float: left;margin-right: 18px}
.bxwd-hd {}
.bxwd-bd {margin-bottom: 10px;*margin-bottom:-10px; margin-top:10px;font-size:12px;}
.bxwd-bd li {height: 30px;line-height: 30px;border-bottom: 1px #cacaca dotted}
.bxal-list-cont{ margin-left:18px;}
.bxwd-bd li.li-last {border: none}
.bxwd-bd li a {color: #555}
.bxwd-bd li a:hover{color: #ef5853; text-decoration:none;}
.looker li a i {font-family: \5FAE\8F6F\96C5\9ED1;margin-right: 4px}
.bxwd-bd li span {float: right;color: #999}

/*大家都在看右侧案例*/
.looker .r{ width:276px; float:right; position:relative; margin:10px 0 0 15px;}
.looker .r .tit{position:absolute; top:20px; left:0px; background:#35b2e0 none repeat scroll 0% 0%; font-size:16px; color:#fff; padding: 2px 7px;line-height:28px; text-align:center;}
.looker .r .casebox{ border:1px solid #eaeaea; background:#fff; height:300px;  -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.looker .r .active{ -webkit-box-shadow: 0px 0px 25px #ccc;-webkit-box-shadow: 0px 0px 25px #ccc;box-shadow: 0px 0px 25px #ccc;}
.looker .r .casebox .con { text-align:center; margin-top:60px; margin-bottom:30px; display:none;}
.looker .r .casebox .con .pic{ width:60px; height:60px; background:#eaeaea; border-radius:50%; overflow:hidden; position:relative; margin-left:100px;}
.looker .r .casebox .con .pic img{ position:absolute; top:-10px; left:6px}
.looker .r .casebox .con .per{ font-size:16px; color:#333; margin-top:10px; font-weight:bold}
.looker .r .casebox .con span{ font-size:12px; color:#999;}
.looker .r .casebox .con p{ display:block; text-align:left; font-size:12px; margin:10px 25px; height:45px; line-height:24px; overflow:hidden; color:#666}
.looker .r .casebox .con .aboutx font{ display:inline-block; vertical-align:middle; padding:2px 15px; background:#f0f0f0; color:#665183; font-size:12px; margin:0 5px; border-radius:15px;}
.looker .r .casebox .spandian{ width:285px; text-align:center; position:absolute; bottom:10px; left:0;}
.looker .r .casebox .spandian span{ display:inline-block; width:8px; height:8px; margin:0 10px; border-radius:10px; background:#b0b0b0; vertical-align:middle; cursor:pointer;}
.looker .r .casebox .spandian span.on{ background:none; width:6px; height:6px; border:2px solid #665183;}
/*测试什么保险合适您*/
.test{ background:#f2f2f2; position:relative;padding-bottom:20px;}
.test .specialtit{position:absolute;top:10px; z-index:998; left:-5px;}
.test .specialtit h3{width:163px;}
.test .specialtit h3 em{position:absolute;bottom:-30px;z-index:997;}
.test ul{ margin-top:75px; }
.test li a{ width:152px;  border-radius:10px; float:left; margin-left:18px; padding:32px 0 32px 72px;background:#fff url(../images/ind_test.png) no-repeat; font-size:18px;}
.test li a:hover {color:#fff;text-decoration:none;background:#ef5853 url(../images/ind_test.png) no-repeat;}
.test ul a.li01{background-position:25px 5px;}
.test ul a.li02{background-position:25px -75px;}
.test ul a.li03{background-position:25px -175px;}
.test ul a.li04{background-position:20px -285px;}
.test li a.li01:hover{background-position:-60px 5px;}
.test li a.li02:hover{background-position:-60px -75px;}
.test li a.li03:hover{background-position:-60px -175px;}
.test li a.li04:hover{background-position:-60px -285px;}
/*为什么选择招行*/
.school{ padding-top:30px; overflow:hidden; padding-bottom:30px; width:100%;}
.school .tit{ margin-bottom:20px; color:#c00; font-size:24px; font-weight:bold;}
.school .con{ background:#fff;overflow:hidden; }
.div_why{ width:704px; float:left; margin-top:70px;}
.title_why{ width:90px;height:60px; background:url(../images/whytit.gif) no-repeat left top; margin:3px 20px 0 0; float:left; display:inline; }
.div_why dl{ font-family:"Microsoft Yahei"; line-height:20px; float:left; color:#666;display:inline; }
.div_why dl dt{ font-size:16px; color:#C1282A; padding-bottom:5px;}
.div_why dl dd{ font-size:14px; width:160px;}
.w_service{ width:140px;min-height:55px;_height:55px;float:left; background:url(../images/icon_service.gif) no-repeat left 5px; padding-left:55px; }
.w_heart{ width:140px;min-height:55px;_height:55px; float:left; background:url(../images/icon_heart.gif) no-repeat left 5px; padding-left:55px; }
.w_safe{ width:140px;min-height:55px;_height:55px; float:left; background:url(../images/icon_safe.gif) no-repeat left 5px; padding-left:55px; }
.list_3 { float: left; width:240px; padding-left: 1px;margin-left:10px; }
.list_3 ul li { text-align: center;float:left; font:12px;}
.list_3 ul li span{ float:left; background:url(../images/wxtit.gif) no-repeat 0 25px; padding:30px 0 0 55px; text-align:left; font-family:"微软雅黑"; font-size:12px; }
.list_3 ul li span.bg2{ background:url(../images/i_wb.gif) no-repeat 0 25px}
.list_3 ul li span b{color:#bb2426}
.list_3 ul li span i{ font-style:normal}
.list_3 ul li p{ padding-top:10px; display:block; margin-left:5px; background:url(../images/ew.jpg) no-repeat left center; width:81px; height:84px;}

.white{color:white;}

.test ul li{ float:left}
.z_content p span {float: none;}

/* 右下角广告样式 */
html,body,h2{margin:0;}
img{border:none}
#pop{/*background:#fff;*/width:158px; height:158px;font-size:12px;position:fixed;right:0;bottom:0;z-index:999;}
#popHead{line-height:12px;font-size:12px;padding:0 0 0 10px;}
#popHead h2{font-size:14px;color:#666;line-height:32px;height:32px;}
#popHead #popClose{position:absolute;right:10px;top:1px;}
#popHead a#popClose:hover{color:#f00;cursor:pointer;}
